<extend name="Base/common"/>

<block name="style">
    <link href="__CSS__/shops.css" rel="stylesheet" type="text/css"/>
</block>

<block name="body">

    <div class="container">
        <div class="row shop">
            <nav class="navbar navbar-default app_block shop_navbar" role="navigation">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="{:U('index')}">商城首页</a>
                        </li>
                        <li>
                            <a href="{:U('goods')}" <eq name="top_category" value="">class="current"</eq>>所有分类</a>
                        </li>
                        <volist name="tree" id="top">
                            <if condition="$top['status'] eq 1">
                                <if condition="$top['_'] eq null">
                                    <li><a href="{:U('goods',array('category_id'=>$top['id']))}" <eq name="top_category" value="$top['id']">class="current"</eq>
                                        >{$top.title}</a>
                                    </li>
                                    <else/>
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown" <eq name="top_category" value="$top['id']">class="current dropdown-toggle"
                                        <else/>
                                        class="dropdown-toggle"
                                    </eq>
                                        data-toggle="dropdown">{$top.title}<b
                                                class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="{:U('goods',array('category_id'=>$top['id']))}">全部</a></li>
                                            <volist name="top['_']" id="child_category">
                                                <li>
                                                    <a href="{:U('goods',array('category_id'=>$child_category['id']))}">{$child_category.title}</a>
                                                </li>
                                            </volist>
                                        </ul>
                                    </li>
                                </if>
                            </if>
                        </volist>
                    </ul>
                    <div class="fl_right">
                        <a onclick="if(MID==0){op_info('没有登录，请先登录！','提示信息');return false;}" href="{:U('myGoods')}"
                           class="btn btn_primary "><i class="ico_to_cart"></i>&nbsp;我的订单</a>
                        <if condition="is_login() neq 0"><label class="money_show"><i class="ico_to_money"></i>&nbsp;{$my_tox_money}</label>
                        </if>
                    </div>
                </div>
                <!-- /.navbar-collapse -->
            </nav>
            <div class="col-md-12  app_block clearfix">
                <div class="row pad_15">
                    <if condition="$top_category eq ''">
                        <h2 class="title_content">所有商品</h2>
                        <else/>
                        <h2 class="title_content">分类&nbsp;->&nbsp;<a
                                href="{:U('goods',array('category_id'=>$top_category))}">{$category_name}</a>
                            <if condition="$child_category_name neq '' && $child_category_name neq null">
                                &nbsp;->&nbsp;<a
                                    href="{:U('goods',array('category_id'=>$category_id))}">{$child_category_name}</a>
                            </if>
                        </h2>
                    </if>
                    <volist name="contents" id="vo">
                        <div class="col-lg-3 col-md-4  goods">
                            <div class="item_goods position_re">
                                <if condition="$vo['sell_num'] egt $hot_num"><i class="ico_hot"></i>
                                    <else/>
                                    <if condition="$vo['is_new'] eq 1"><i class="ico_new"></i></if>
                                </if>
                                <dl>
                                    <dt>
                                        <a href="{:U('Shop/Index/goodsDetail',array('id'=>$vo['id']))}">
                                            <img src="{$vo.goods_ico|getThumbImageById=222,150}">
                                        </a>
                                    </dt>
                                    <dd>
                                        <div class="left" style="width: 140px">
                                            <a class="text-more color_33"
                                               href="{:U('Shop/Index/goodsDetail',array('id'=>$vo['id']))}"
                                               style="width: 100%;">
                                                <font title="{$vo.goods_name|op_t}">{$vo.goods_name}</font>
                                            </a>
                                        </div>
                                        <div class="right" style="color: #d61f39;">￥{$vo.tox_money_need}</div>
                                        <div class="clearfix"></div>
                                    </dd>
                                    <dd class="color_84  font_s_14">
                                        <div class="left">库存：{$vo.goods_num}</div>
                                        <div class="right">
                                            <a href="#frm-post-popup" class="open-popup-link btn"
                                               style="border: 1px solid #E0DBDB"
                                               goods_id="{$vo['id']}">兑&nbsp;&nbsp;换</a>
                                        </div>
                                    </dd>
                                    <div class="clearfix"></div>
                                </dl>
                            </div>
                        </div>
                    </volist>
                    <if condition="count($contents) eq 0">
                        <div style="font-size:3em;padding:2em 0;color: #ccc;text-align: center">该分类下现在还没有商品哦。O(∩_∩)O~
                        </div>
                    </if>
                </div>
            </div>
            <div class="pull-right">
                {:getPagination($totalPageCount,16)}
            </div>
        </div>
        <!-- Modal -->
        <div id="frm-post-popup" class="white-popup mfp-hide" style="max-width: 500px;">
            <h2>收货信息填写<span style="font-size: 12px;color: #BEBEBE;">(为了确保您能收到商品，请正确填写收货信息)</span></h2>

            <div class="aline" style="margin-bottom: 10px"></div>
            <div class="row">
                <form class="form-horizontal  ajax-form" role="form" action="{:U('Shop/Index/goodsBuy')}" method="post">
                    <input type="hidden" id="goods_id" name="id" value="">

                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label" style="width: 20%">姓名</label>

                        <div class="col-sm-10" style="width: 60%">
                            <input id="name" name="name" type="text" class="form-control"
                                   value="{$shop_address['name']}"
                                   placeholder="姓名"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="address" class="col-sm-2 control-label" style="width: 20%">收货地址</label>

                        <div class="col-sm-10" style="width: 60%">
                            <textarea id="address" name="address" class="form-control" placeholder="收货地址"
                                      style="max-width: 310px">{$shop_address['address']}</textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="zipcode" class="col-sm-2 control-label" style="width: 20%">邮编</label>

                        <div class="col-sm-10" style="width: 60%">
                            <input id="zipcode" name="zipcode" type="text" class="form-control"
                                   value="{$shop_address['zipcode']}" placeholder="邮编"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phone" class="col-sm-2 control-label" style="width: 20%">手机号码</label>

                        <div class="col-sm-10" style="width: 60%">
                            <input id="phone" name="phone" type="text" class="form-control"
                                   value="{$shop_address['phone']}"
                                   placeholder="手机号码"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary ">提交</button>
                        </div>
                    </div>
                </form>
            </div>


        </div>
        <!-- /.modal -->

    </div>
</block>

<block name="script">
    <link type="text/css" rel="stylesheet" href="__STATIC__/oneplus/js/ext/magnific/magnific-popup.css"/>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="__STATIC__/oneplus/js/ext/magnific/jquery.magnific-popup.min.js"></script>
    <script>
        $(function () {
            $('.open-popup-link').click(function () {
                if (MID == 0) {
                    op_info('登录后才能兑换商品！', '提示消息');
                    return false;
                }
                var goods_id = this.getAttribute('goods_id');
                $('#goods_id').val(goods_id);
            });
            if (MID != 0) {
                $('.open-popup-link').magnificPopup({
                    type: 'inline',
                    midClick: true, // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
                    closeOnBgClick: false
                });
            }
            $('.item_goods').mouseover(function () {
                $(this).addClass('item_goods_box_shadow');
            });
            $('.item_goods').mouseleave(function () {
                $(this).removeClass('item_goods_box_shadow');
            });
        })
    </script>
</block>